<template>
  <div class="right">
    <HouseNumSpaceSearch
      v-if="activePanel.panelId === 'houseNumSpaceSearchId'"
    ></HouseNumSpaceSearch>
    <HouseNumPropertySearch
      v-if="activePanel.panelId === 'houseNumPropertySearchId'"
    ></HouseNumPropertySearch>
    <HouseNumBatchNum
      ref="houseNumBatchNum"
      v-if="activePanel.panelId === 'houseNumBatchNumId'"
    ></HouseNumBatchNum>
    <ScenicSearch
      v-if="activePanel.panelId === 'scenicSearchId'"
    ></ScenicSearch>
    <FastSpaceSearch
      v-if="activePanel.panelId === 'fastSpaceSearchId'"
    ></FastSpaceSearch>
    <FastPropertySearch
      v-if="activePanel.panelId === 'fastPropertySearchId'"
    ></FastPropertySearch>
    <RoutePlan v-if="activePanel.panelId === 'routePlanId'"></RoutePlan>
    <CountAnalyse
      v-if="activePanel.panelId === 'countAnalyseId'"
    ></CountAnalyse>
    <AreaNamePropertySearch
      v-if="activePanel.panelId === 'areaNamePropertySearchId'"
    ></AreaNamePropertySearch>
    <AreaNameSpaceSearch
      v-if="activePanel.panelId === 'areaNameSpaceSearchId'"
    ></AreaNameSpaceSearch>
  </div>
</template>
<script>
import HouseNumSpaceSearch from "./houseNumSpaceSearch/index.vue";
import HouseNumPropertySearch from "./houseNumPropertySearch/index.vue";
import HouseNumBatchNum from "./houseNumBatchNum/index.vue";

import ScenicSearch from "./scenicSearch/index.vue";
import FastSpaceSearch from "./fastSpaceSearch/index.vue";
import FastPropertySearch from "./fastPropertySearch/index.vue";
import RoutePlan from "./routePlan/index.vue";
import CountAnalyse from "./countAnalyse/index.vue";

import AreaNamePropertySearch from "./areaNamePropertySearch/index.vue";
import AreaNameSpaceSearch from "./areaNameSpaceSearch/index.vue";
export default {
  components: {
    HouseNumSpaceSearch,
    HouseNumPropertySearch,
    HouseNumBatchNum,
    ScenicSearch,
    FastSpaceSearch,
    FastPropertySearch,
    RoutePlan,
    CountAnalyse,
    AreaNamePropertySearch,
    AreaNameSpaceSearch,
  },
  data() {
    return {};
  },
  methods: {},
  computed: {
    activePanel() {
      return this.$store.state.activePanel;
    },

    // // 门牌自动编号（数据变化）
    // changeDoorPlate (data) {
    //   this.$emit('changeDoorPlate', data)
    // }
  },
};
</script>
<style lang="less" scoped>
.right {
  position: absolute;
  right: 0;
  // top: 50%;
  // transform: translateY(-50%);
  // height: calc(100% - 180px);
  top: 80px;
  height: calc(100% - 124px);
}
</style>
